<div class="mdui-appbar mdui-appbar-fixed">
    <div class="mdui-toolbar mdui-color-grey-50">
        {{--logo--}}
        <a href="{{url('/')}}" class="mdui-typo-headline mdui-hidden-xs">微博</a>
        {{--搜索框--}}
        <form action="{{url('/')}}" method="POST" style="display: flex">
            {{csrf_field()}}
            <input class="mdui-textfield-input" type="text" name="search" placeholder="搜索"/>
            {{--搜索按钮--}}
            <button type="submit" class="mdui-btn mdui-btn-icon">
                <i class="mdui-icon material-icons">&#xe8b6;</i>
            </button>
        </form>
        {{--左右分割线--}}
        <div class="mdui-toolbar-spacer"></div>
        {{--{{天气}}--}}
        <script src="{{asset('static/jquery.min.js')}}"></script>
        <script src="{{asset('static/jquery.leoweather.min.js')}}"></script>
        <div class="welcome-info">
            <div>尊敬的会员<span id="weather"></span></div>
        </div>
        <script type="text/javascript">
            $('#weather').leoweather({format: '，{时段}好！，<span id="colock">现在时间：<strong>{年}年{月}月{日}日 星期{周} {时}:{分}:{秒}</strong>，</span> <b>{城市}天气</b> {天气} {夜间气温}℃ ~ {白天气温}℃'});
        </script>
        {{--用户名--}}
        @if(Session::has('user.nickname'))
            <button id="nickname" class="mdui-btn mdui-color-theme-accent"
                    mdui-menu="{target: '#user_menu',covered:false}">
                {{Session::get('user.nickname')}}
            </button>
        @else
            <a href="{{url('/login')}}">
                <button class="mdui-btn mdui-color-theme-accent"
                        mdui-menu="{target: '#user_menu',covered:false}">
                    登录
                </button>
            </a>
        @endif
        {{--用户菜单--}}
        <ul class="mdui-menu " id="user_menu">
            <li class="mdui-menu-item">
                <a href="{{url('u/'.Session::get('user.id'))}}" class="mdui-ripple">个人中心</a>
                <a href="{{url('/logout')}}" class="mdui-ripple">退出</a>
            </li>
        </ul>
    </div>
</div>